vite

#vite| 来源: 网络整理| 查看: 265

vite-plugin-svgr

npm

Vite plugin to transform SVGs into React components. Uses svgr under the hood.

Installation # npm npm install --save-dev vite-plugin-svgr # yarn yarn add -D vite-plugin-svgr # pnpm pnpm add -D vite-plugin-svgr Usage // vite.config.js import svgr from "vite-plugin-svgr"; export default { // ... plugins: [svgr()], };

Then SVG files can be imported as React components:

import Logo from "./logo.svg?react";

If you are using TypeScript, there is also a declaration helper for better type inference:

/// Options svgr({ // svgr options: https://react-svgr.com/docs/options/ svgrOptions: { // ... }, // esbuild options, to transform jsx to js esbuildOptions: { // ... }, // A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should include. By default all svg files will be included. include: "**/*.svg?react", // A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should ignore. By default no files are ignored. exclude: "", }); License

MIT

【本文地址】

公司简介

联系我们